<template>
  <div style="position: sticky; top: 0px; z-index: 1000;">
    <div class="index-3s7qg_0">
      <svg @click="_backToHome" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 33" class="index-11GLi_0">
        <path fill-rule="evenodd" d="M17.655 1.853L15.961.159.033 16.072 15.961 32l1.694-1.694L3.429 16.08 17.655 1.854z">
        </path>
      </svg>
      <div class="index-3_HEV_0">{{title}}</div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "address-header",
      props:['title'],
      methods:{
        _backToHome(){
          this.$router.back();
        }
      }
    }
</script>

<style scoped>

  element.style {
    position: sticky;
    top: 0px;
    z-index: 1000;
  }
  .index-3s7qg_0 {
    position: relative;
    width: 100%;
    color: #fff;
    background-image: -webkit-gradient(linear,left top,right top,from(#0af),to(#0085ff));
    background-image: -webkit-linear-gradient(left,#0af,#0085ff);
    background-image: linear-gradient(90deg,#0af,#0085ff);
    text-align: center;
    font-size: .32rem;
  }
  .index-11GLi_0 {
    position: absolute;
    left: .333333rem;
    left: 3.333333vw;
    top: .333333rem;
    top: 3.333333vw;
    fill: #fff;
    width: .533333rem;
    width: 5.333333vw;
    height: .533333rem;
    height: 5.333333vw;
  }
  svg:not(:root), symbol, image, marker, pattern, foreignObject {
    overflow: hidden;
  }
  :not(svg), :not(foreignObject) > svg {
    transform-origin: 0px 0px 0px;
  }
  .index-3_HEV_0 {
    line-height: 1.173333rem;
    line-height: 11.733333vw;
    font-size: .75rem;
  }
</style>
